<template>
  <div class="loading2 flex-center">
    <lottie :options="loadingOptions" style="width:300px;height:300px;"/>
  </div>
</template>

<script>
import lottie from 'vue-lottie'
const animationData = require('./9811-loading.json')

export default {
  data () {
    return {
      loadingOptions: { animationData: animationData },
    }
  },
  components: { lottie }
}
</script>

<style lang="less" scoped>
  .loading2 {
    position: fixed !important;
    width: 100vw !important;
    height: 100vh !important;
    top: 0 !important;
    left: 0 !important;
    background-color: rgba(255, 255, 255, 0.7) ;
    z-index: 9999 !important;
  }
</style>
